<%-- 
    Document   : student_registration
    Created on : Mar 31, 2012, 10:01:05 PM
    Author     : Ajay kumar "mukund"
--%>
<%@include file="header.jsp" %>
<script>
    $(document).ready(function(){
        $("#student_reg").validationEngine();
        $('#dob').datepicker({
            changeMonth:true,
            changeYear:true,
            yearRange:'1950:1994',
            dateFormat: 'yy-mm-dd',
            inline:true

        });
        
        
        $('#state').change(function(e){
            $this = $(e.target);
        
            $.ajax({
                type: "POST",
                url: "src/loadcity.jsp", 
                data: "state="+$this.val(),
                success:function(data){
                    $('#city').html(data);
                }
            });
        });
 
    });
</script>
<%
    Connection con1 = null;
    Statement st1 = null;
    ResultSet rs2 = null;

    try {
        con1 = Dbconn.getConn();
        st1 = con1.createStatement();
%>
<table border="0" cellspacing="0" cellpadding="0" style="width:960px; height:auto;">
    <tbody><tr>

            <td width="651" align="left" valign="top" style="padding-left:25px;">


                <div class="mainheading" style="padding-bottom:10px;">Job Seeker's  Registration</div>
                <div class="heading_line_hor"><!-- --></div>
                <form name="student_reg" id="student_reg" method="post" action="StudentRegister">
                    <table class="rowHead" cellspacing="5" cellpadding="0" border="0" width="100%" align="left" style="margin:4px 0px 0px 0px;">

                        <tbody>
                            <tr>
                                <td colspan="4" align="left" class="messagesred" style="padding:3px 5px 3px 5px;">&nbsp;</td>
                            </tr>
                            <tr>
                                <td colspan="4" align="left" class="messages" style="padding:3px 5px 3px 5px;">
                                    <strong>Personal Information</strong><div class="line_spacer1"><!-- --></div></td>
                            </tr>

                            <tr>
                                <td height="22" align="left" class="tbltxt" style="padding:3px 5px 3px 5px;"><strong class="messagesred">*</strong> &nbsp;Username</td>
                                <td colspan="2" align="left" style="padding:3px 5px 3px 5px;">
                                    <input id="username" maxlength="20" name="username" class="validate[required],custom[onlyLetterSp]" value=""><span id="check_uname_div"></span></td>
                                <td align="left" style="padding:3px 5px 3px 5px;">&nbsp;
                                    <%
                                        if (request.getParameter("user") != null) {
                                            out.print("<font color=\"red\">" + request.getParameter("user") + "</font>");
                                        }
                                    %>
                                </td>
                            </tr>
                            <tr>
                                <td height="22" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"></td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    (Username will be used for login purpose)<span id="check_uname_div"></span></td>
                            </tr>
                            <tr>
                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Password</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input id="password" type="password" maxlength="20" name="password" class="validate[required]"value="">	 </td>
                            </tr>
                            <tr>
                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Confirm Password</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input name="con_new_pass" id="con_new_pass"  size="30" value="" class="validate[required,equals[password]] textfield" type="password"></td>
                            </tr>
                            <tr>
                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Email</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input id="jsemail" maxlength="60" name="jsemail" value="" class="validate[required],custom[email]" style="text-transform:lowercase;">&nbsp;<span id="check_email_div"></span></td>
                            </tr>
                            <tr>
                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Name</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;"><input  name="name" id="name" class="validate[required],custom[onlyLetterSp]" value=""> <span id="check_fullname_div"></span>   </td>
                            </tr>
                            <tr>
                                <td id="userDetails" align="left" style="padding: 0px;" colspan="6"></td>
                            </tr>
                            <tr>
                                <td height="30" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Gender</td>
                                <td height="28" colspan="5" align="left" valign="middle" style="padding:3px 5px 3px 5px;">
                                    <input name="gender" type="radio" id="gender_Male" value="Male" checked="checked" class="radio" >&nbsp;Male &nbsp;

                                    <input id="gender_Female" type="radio" value="Female" name="gender" class="radio" >&nbsp;Female</td>
                            </tr>

                            <tr>

                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Date of Birth</td>


                                <td align="left" style="padding-left:5px;"><span id="DOBcheck">
                                        <input type="text" name="dob"  id="dob" class="validate[required]" readonly />
                                    </span></td>
                            </tr>

                            <tr>

                                <td align="left" style="padding:3px 5px 3px 5px;vertical-align: top" class="tbltxt" ><strong class="messagesred">*</strong> &nbsp;Address</td>


                                <td align="left" style="padding-left:5px;"><span id="DOBcheck">
                                        <textarea name="address"  id="address" class="validate[required]" ></textarea>
                                    </span></td>
                            </tr>

                            <tr>
                                <td valign="middle" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong>  State </td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <select name="state" id="state" class="validate[required]">

                                        <%rs2 = st1.executeQuery("select distinct state from dist");
                                            while (rs2.next()) {
                                                out.print("<option value=\"" + rs2.getString("state") + "\">" + rs2.getString("state") + "</option>");
                                            }%>
                                    </select>                                </td>
                            </tr>


                            <tr>
                                <td valign="middle" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt">
                                    <strong class="messagesred">*</strong> City                                </td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <select name="city" id="city" class="validate[required]">
                                        <%rs2 = st1.executeQuery("select district from dist");
                                            while (rs2.next()) {
                                                out.print("<option value=\"" + rs2.getString("district") + "\">" + rs2.getString("district") + "</option>");
                                            }%>
                                    </select>                                </td>
                            </tr>


                            <tr>
                                <td height="22" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Nationality</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input name="nationality" id="nationality" class="validate[required],custom[onlyLetterSp]"value="" size="33" maxlength="10"></td>
                            </tr>


                            <tr>
                                <td valign="middle" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Mobile</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input name="mobile" id="Mobile" size="40" maxlength="20" class="validate[required],custom[phone],minSize[10],maxSise[10]">&nbsp;<span id="check_mobile_div"></span></td>
                            </tr>
                            <tr>
                                <td colspan="4" align="left" valign="middle" class="tbltxt" style="padding:3px 5px 3px 5px;"><strong>College Information</strong><div class="line_spacer1"><!-- --></div></td>
                            </tr>

                            <tr>
                                <td valign="middle" align="left" style="padding:3px 5px 3px 5px;" class="tbltxt">
                                    <strong class="messagesred">*</strong> College Name                                </td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <select name="cllgname" id="cllgname" class="validate[required]">
                                        <%
                                                rs2 = st1.executeQuery("select clgid,clgname from college");
                                                while (rs2.next()) {
                                                    out.print("<option value=\"" + rs2.getString("clgid") + "\">" + rs2.getString("clgname") + "</option>");
                                                }

                                            } catch (Exception e) {
                                            }

                                        %>
                                    </select>                                </td>
                            </tr>


                            <tr>
                                <td align="left" style="padding:3px 5px 3px 5px;" class="tbltxt"><strong class="messagesred">*</strong> &nbsp;Verification Code</td>
                                <td colspan="3" align="left" style="padding:3px 5px 3px 5px;">
                                    <input type="text" name="captcha">

                                    <span style="vertical-align:bottom;"><br /><img src="Captcha" >     </span>     </td></tr>

                            <tr>
                                <td colspan="4"><input type="checkbox" checked="checked" value="true" name="in_resume_1_termsconditions" class="validate[required] checked" id="ckbx">      I have read the  <span class="link"><a href="terms.jsp" target="_blank"><font color='#660000'>Terms   and Conditions</font> </a></span>and agree to be bound by them.          </td>
                            </tr>

                            <tr>
                                <td colspan="4" valign="middle" align="center">&nbsp; <br />
                                    <input type="hidden" name="vercode_check" value="34966">

                                    <input type="submit" name="Submit" value="Register" class="button2"> <input type="reset" name="Submit2" value="Reset" class="button2">	        </td>
                            </tr>
                        </tbody>
                    </table>
                </form><br />

            </td>
            <td align="left" valign="top" width="259">
                <form action="" method="post">
                    <div style=" position:relative;width:300px; height:82px; margin:10px 10px 0px 0px;" class="div_bdr">
                        <table width="300" height="38" border="0" cellpadding="0" cellspacing="0">
                            <tbody><tr class="pnl_hdg">
                                    <td align="center" valign="middle" width="24" height="24"><div class="premium_icon"> </div></td>
                                    <td align="left" valign="middle" height="24" width="271">About us</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle" colspan="2" style=" padding-left:10px; padding-right:5px; clear:both;">
                                        <a href=""><img src="./images/go.gif" width="50" height="50" style="margin-right:5px; margin-top:2px; float:left;"></a>This Recruitment portal automates the placement process at the college.

                                    </td>
                                </tr>
                            </tbody></table>
                    </div></form>
                <div style="clear:both;">&nbsp;</div>

                <table width="100%" align="center" cellpadding="0" cellspacing="0">
                    <tbody><tr>
                            <td height="100%" align="center" valign="top"><span style="padding-top: 0px; padding-bottom: 1px; padding-right:10px; ">

                            </td>
                        </tr>
                    </tbody></table>
                <style type="text/css">
                    #marqueecontainer{
                        position: relative;
                        float:left;
                        width: 150px; /*marquee width */
                        height: 150px; /*marquee height */
                        background-color: white;
                        overflow: hidden;
                        border: 0px solid orange;
                        padding: 0px;
                        padding-left: 0px;
                    }
                </style>

                <script type="text/javascript">
                    var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
                    var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
                    var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

                    ////NO NEED TO EDIT BELOW THIS LINE////////////

                    var copyspeed=marqueespeed
                    var pausespeed=(pauseit==0)? copyspeed: 0
                    var actualheight=''

                    function scrollmarquee(){
                        if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
                            cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
                        else
                            cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
                    }

                    function initializemarquee(){
                        cross_marquee=document.getElementById("vmarquee")
                        cross_marquee.style.top=0
                        marqueeheight=document.getElementById("marqueecontainer").offsetHeight
                        actualheight=cross_marquee.offsetHeight
                        if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
                            cross_marquee.style.height=marqueeheight+"px"
                            cross_marquee.style.overflow="scroll"
                            return
                        }
                        setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
                    }

                    if (window.addEventListener)
                        window.addEventListener("load", initializemarquee, false)
                    else if (window.attachEvent)
                        window.attachEvent("onload", initializemarquee)
                    else if (document.getElementById)
                        window.onload=initializemarquee
                </script>



                <div style="width:300px; height:206px; margin:5px 10px 0px 0px; " class="div_bdr">
                    <%@include file="latestjob.jsp"%></div>	
                <div style="clear:both;">&nbsp;</div>

            </td>
        </tr>



        <tr>
            <td align="center" valign="top" colspan="3">
                <div class="bdy_spr"></div>
                <div class="bdy_spr"></div>	</td>
        </tr>
    </tbody>
</table>
<%@include file="footer.jsp" %>